<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客主页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/bolg_list.css">
</head>
<body>
<div class="nav">
    <img src="../img/hhh.jpg" >
    <div>我的博客系统</div>
    <div class="space"></div>
    <a href="#">主页</a>
    <a href="blog_edit.html">写博客</a>
    <a href="#">注销</a>
</div>

<div class="container">
    <div class="container-left">
        <div class="card">
            <img src="../img/1.png" alt="">
            <h3>智慧之星</h3>
            <a href="#">"github地址</a>
            <div class="counter">
                <span>文章</span>
                <span>分类</span>
            </div>
            <div class="counter">
                <span>2</span>
                <span>1</span>
            </div>
        </div>
    </div>
    <div class="container-right">
        <div class="blog">
            <div class="title">第一篇博客</div>
            <div class="date">2023-05-12 11:28:00</div>
            <div class="content">
                <div class= "desc">学习计算机网络的主要任务是: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus eos, expedita fugit id maxime nesciunt vitae. Ad atque error ex id inventore nesciunt, pariatur possimus quod sapiente, sint totam, vitae?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid consectetur fugit laborum magni nemo quas sequi soluta unde vero? Doloribus earum expedita fugit illum magni ratione recusandae sapiente, tempore.</div>
            </div>
            <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
        </div>
        <div class="blog">
            <div class="title">第一篇博客</div>
            <div class="date">2023-05-12 11:28:00</div>
            <div class="content">
                <div class= "desc">学习计算机网络的主要任务是: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus eos, expedita fugit id maxime nesciunt vitae. Ad atque error ex id inventore nesciunt, pariatur possimus quod sapiente, sint totam, vitae?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid consectetur fugit laborum magni nemo quas sequi soluta unde vero? Doloribus earum expedita fugit illum magni ratione recusandae sapiente, tempore.</div>
            </div>
            <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
        </div>
        <div class="blog">
            <div class="title">第一篇博客</div>
            <div class="date">2023-05-12 11:28:00</div>
            <div class="content">
                <div class= "desc">学习计算机网络的主要任务是: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus eos, expedita fugit id maxime nesciunt vitae. Ad atque error ex id inventore nesciunt, pariatur possimus quod sapiente, sint totam, vitae?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid consectetur fugit laborum magni nemo quas sequi soluta unde vero? Doloribus earum expedita fugit illum magni ratione recusandae sapiente, tempore.</div>
            </div>
            <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
        </div>


    </div>



</div>


</body>
</html>